@import './styleKitSize.scss';

$color-dashed: rgba(221,221,221,1);

@mixin gap ($top: 0, $right: 0, $bottom: 0, $left: 0) {
    margin: $top $right $bottom $left;
}

/* 表格间距等通用间距 */
@mixin gap1 {
    @include gap($gap1-top, $gap1-right, $gap1-bottom, $gap1-left);
}

@mixin border-dashed ($position: bottom, $color: $color-dashed, $width: 1px) {
    @if ($position == top) {
        border-top: $width dashed $color;
    } @else if ($position == right) {
        border-right: $width dashed $color;
    } @else if ($position == bottom) {
        border-bottom: $width dashed $color;
    } @else if ($position == left) {
        border-left: $width dashed $color;
    }
}

@mixin border-top-dashed ($color: $color-dashed, $width: 1px) {
    @include border-dashed(top, $color, $width);
}
@mixin border-bottom-dashed ($color: $color-dashed, $width: 1px) {
    @include border-dashed(bottom, $color, $width);
}

@mixin clearfix () {
    content: "\20";
    clear: both;
    height: 0;
    display: block;
    overflow: hidden;
}
